﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Header</title>
    <link href="~/lib/layui2.5.6/css/layui.css" rel="stylesheet" />
</head>
<body>
    <ul class="layui-nav" style="text-align:right;">
        <li class="layui-nav-item">
            <a href="">消息<span class="layui-badge">9</span></a>
        </li>
        @*<li class="layui-nav-item">
            <a href="">个人中心<span class="layui-badge-dot"></span></a>
        </li>*@
        <li class="layui-nav-item" lay-unselect="">
            <a href="javascript:;"><img src="//t.cn/RCzsdCq" class="layui-nav-img">管理员</a>
            <dl class="layui-nav-child" style="text-align:left;">
                <dd><a href="javascript:;">个人信息</a></dd>
                <dd><a href="javascript:;">修改密码</a></dd>
                <dd><a href="javascript:;">登录记录</a></dd>
                <dd><a href="javascript:;">注销</a></dd>
            </dl>
        </li>
    </ul>
    <div style="margin-top: 15px;"></div>
    顶部和菜单可以是main页面里的
    <script src="~/lib/layui2.5.6/layui.js"></script>
    <script>
        layui.use('element', function () {
            var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

            //监听导航点击
            element.on('nav(demo)', function (elem) {
                layer.msg(elem.text());
            });
        });
    </script>
</body>
</html>
